/* project: internet services template
   author: luka cvrk (www.solucija.com) */
/*
Completely modified by: Vaibhav Sharma for KolkataNET
Thought i should mention my tryst with CSS 
so that u guys understand how hard it was.
Else u might think it was all PRE-Designed in the template (it wasnt trust me)
;) :) ;)
*/

/* default styles*/
body{padding: 0;margin: 0;font: 0.7em Tahoma, sans-serif;line-height: 1.5em;background: #fff;color: #454545;}
a{color: #E0691A;background: inherit;text-decoration:none;}
/*a:hover{color: #E0691A;background: inherit;border-bottom: dotted 1px #E0691A;text-decoration:none;}*/
a:hover{color: #6C757A;background: inherit;}
h1{font: normal 2.1em Arial, Sans-Serif;letter-spacing: -1px;padding: 7px 0 0 8px;margin: 0;}
.dark{color: #737373;background: inherit;font-weight: bold;}
h1 a, h2 a{text-decoration: none;}
h1 a:hover, h2 a:hover{color: #FF6600;background: inherit;}
h2{margin: 0;padding: 0;font: bold 1.7em Arial, Sans-Serif;letter-spacing: -1px;}
h2{font-size: 1.5em;margin-bottom: 5px;color: #000;background: inherit;}
p{margin: 0 0 5px 0;}
ul{margin: 0;padding: 0;list-style: none;}
form{margin: 0;}
/*Remove the unused classes like Search to save some bytes*/
input.search
{
	width: 292px;
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px;
	color: #E0691A;
	font-weight: bold;
}

input.submit
{
	background: #E0691A url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login
{
	width: 150px;
	border: none;
	padding: 4px;
}

/* layout
   ------ */

.content
{
	margin: 0 auto;
	width: 780px;
	padding: 10px;
}

.header
{
	height: 55px;
	background: #eee;
	color: #808080;
	margin: 1px 0;
	padding: 1px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.top_info
{
	float: right;
	width: 555px;	
	/*padding: 5px 0 4px 0;*/
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

.top_info_left
{
	/*width: 200px;*/
	float: left;
	text-align: right;
	vertical-align: middle;
}

.top_info_right
{
	text-align: right;
	height: inherit;
	vertical-align: middle;
	float: right;
	/*width: 200px;*/
	padding: 0 0 0 35px;
	margin: 5px;
	border-left: 1px solid #eee;
}

.browse_category
{
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.bar
{
	clear: both;
	font-size: 1.1em;
	height: 30px;
	color: #FFF;
	margin: 0 0 0 0px;
	background: #FF9148;
}

.bar li
{
	margin: 0;
	padding: 7px 12px 5px 12px;
	color: #FFEADC;
	background: #FF9148;
	float: left;
}

.bar li.active
{
	background: #E0691A url(bar.gif) no-repeat center top;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 6px 10px;
}

.bar li a
{
	font-weight: bold;
	color: #FFF;
	background: inherit;
	text-decoration: none;
	padding: 8px 4px 7px 4px;
	/*padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 3px;
	padding-right: 3px;
	padding: 3px; 7px 10px 6px 10px;*/
}

.bar li a:hover
{
	/*color: #E0691A;
	background: inherit;*/
	background: #E0691A url(bar.gif) no-repeat center top;
	color: #fff;
	padding: 8px 4px 7px 4px;
	/*padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 3px;
	padding-right: 3px;*/
}

.search_field
{
	/*background: #fff url(searchbg.gif) no-repeat right;*/
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey
{
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form
{
	float: right;
}

.subheader
{
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.left
{
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}

.left h3
{
	clear: both;
	background: #A9C0CE url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
.left_side
{
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}

.left_side a, .right_side a
{
	color: #414141;
	background: #FFF;
	text-decoration:none;
}

.left_side a:hover, .right_side a:hover
{
	color:#FF9148; /* #414141;*/
	background: #FFF;	
	border-bottom: dotted 1px #FF9148;	/*Added by me :) wat an achievement... see the output on links of latest news section*/
}

.right_side
{
	float: right;
	width: 220px;
	background: #FFF url(dotted.gif) repeat-y;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
}

.left_box
{
	margin: 0 0 10px 0;
	color: #000;
	background: #FFF;
	padding: 3px 0;
}


/* right side
   ---------- */

.right
{
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
}

.right h3
{
	background: #6C757A url(corner.gif) no-repeat top right;
	color:#FFF;
	padding:7px 0 7px 5px;
	font:bold 1em Tahoma,Arial,Sans-Serif;
}

/*
.right_articles
{
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
}*/

.image
{
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer
{
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a{color: #808080;background: #fff;}

/*EasySlider CSS*/
/* numeric controls */
ol#controls{margin: 1em 0;padding: 0;height: 28px;}
ol#controls li{margin: 0 10px 0 0;padding: 0;float: left;list-style: none;height: 28px;line-height: 28px;}
ol#controls li a{float: left;height: 28px;line-height: 28px;border: 1px solid #ccc;background: #a9c0ce; /*#DAF3F8;*/color: #555;
				padding: 0 10px;text-decoration: none;font-family:Verdana;font-size: 12px;font-weight:bold;}
ol#controls li.current a{background:#FF9148; /*#5DC9E1;*/color: #fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline: none;}
/*Slider main ctl*/
#slider ul, #slider li, #slider2 ul, #slider2 li{margin: 0;padding: 0;list-style: none;}
#slider a{border: none; text-decoration:none; color:#fff;}
#slider2{margin-top: 1em;}
/* define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li, #slider2 li{width: 696px;height: 241px;overflow: hidden;}
.slidercontainer{margin: 0 auto; position: relative; text-align: left; width: 696px;background: #fff; margin-bottom: 2em;}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
	background: #A9C0CE url(corner.gif) no-repeat top right;
	color: #FFF;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* VALIDATION MESSAGE STYLES
----------------------------------------------------------*/


.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}